@import tool.Tool
@(id: String)(implicit request: RequestHeader)
<style>
		.projectManage {
			border-bottom: 2px solid #484848;
		}

		.platform-title {
			color: white;
			line-height: 32px;
			padding-left: 15px;
		}

</style>
<div class="page-sidebar-wrapper">
	<div class="page-sidebar navbar-collapse collapse">
		<ul class="page-sidebar-menu " data-auto-scroll="true" data-slide-speed="200" id="projects">

			<li class="sidebar-toggler-wrapper">
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
				<div class="sidebar-toggler">
				</div>
				<h4 class="platform-title" >代谢组分析平台 </h4>
					<!-- END SIDEBAR TOGGLER BUTTON -->
			</li>
			<li style="height: 10px"></li>

			<li id='projectManage'>
				<a href='@routes.ProjectController.projectManageBefore()' style="border-bottom: 2px solid #484848 ">
					<i class='fa fa-bar-chart'></i>
					<span class='title'>项目管理</span>
					<span class='selected'></span>
				</a>
			</li>

			@if(request.session.get(Tool.projectIdStr).isDefined) {

				<li id='view'>
					<a href='@routes.MetaboliteController.toIndex()?projectId=@(request.session.get(Tool.projectIdStr).get)'>
						<i class='fa fa-table'></i>
						<span class='title'>数据一览</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='group'>
					<a href='@routes.MetaboliteController.groupBefore()'>
						<i class='fa fa-group'></i>
						<span class='title'>分组</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='differenceAna'>
					<a href='@routes.MetaboliteController.differenceAnaBefore()'>
						<i class='fa fa-delicious'></i>
						<span class='title'>差异分析（T/U检验）</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='opls'>
					<a href='@routes.MetaboliteController.oplsBefore()'>
						<i class='fa fa-opera'></i>
						<span class='title'>差异分析（OPLS-DA）</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='biosigner'>
					<a href='@routes.MetaboliteController.biosignerBefore()'>
						<i class='fa fa-binoculars'></i>
						<span class='title'>差异分析（Biosigner）</span>
						<span class='selected'></span>
					</a>
				</li>


				<li id='keggEnrich'>
					<a href='@routes.MetaboliteController.keggEnrichBefore()'>
						<i class='fa fa-map-signs'></i>
						<span class='title'>代谢物KEGG富集分析</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='pca'>
					<a href='@routes.MetaboliteController.pcaBefore()'>
						<i class='fa fa-support'></i>
						<span class='title'>主成分分析</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='hCluster'>
					<a href='@routes.MetaboliteController.hClusterBefore()'>
						<i class='fa fa-tree'></i>
						<span class='title'>聚类树分析</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='heatmap'>
					<a href='@routes.MetaboliteController.heatmapBefore()'>
						<i class='fa fa-snowflake-o'></i>
						<span class='title'>热图</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='expressPattern'>
					<a href='@routes.MetaboliteController.expressPatternBefore()'>
						<i class='fa fa-area-chart'></i>
						<span class='title'>表达模式分析</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='roc'>
					<a href='@routes.MetaboliteController.rocBefore()'>
						<i class='fa fa-line-chart'></i>
						<span class='title'>ROC曲线</span>
						<span class='selected'></span>
					</a>
				</li>

				<li id='expressPattern'>
					<a href='http://jvenn.toulouse.inra.fr/app/example.html' target="_blank">
						<i class='fa fa-pie-chart'></i>
						<span class='title'>维恩图</span>
						<span class='selected'></span>
					</a>
				</li>

			}


		</ul>
	</div>
</div>
<script>
		$(function () {
			var menuContainer = jQuery('.page-sidebar ul');
			menuContainer.children('li.active').removeClass('active');
			$("#" + "@id").addClass('active')
		})

</script>
